﻿#layout-widgets-placement {
    clear: left;
    float: left;
    width: 65%;
}

#layout-widgets-assistance {
    float: right;
    position: relative;
    top: -30px;
    width: 35%;
}

.widgets-container {
    padding: 10px;
}

#widgets-layers-control label, #widgets-zones h2, #widgets-assistance h3 {
    font-size: 1.077em;
    padding: 2px 2px;
}

#widgets-layers-control {
    margin-bottom: -20px;
}

    #widgets-layers-control form, #widgets-layer-add {
        display: inline;
        position: relative;
    }

    #widgets-layers-control label {
        padding: 2px 2px;
    }

    #widgets-layers-control form, #widgets-layers-control fieldset {
        display: inline;
    }

    #widgets-layers-control select, #widgets-layers-control a {
        vertical-align: middle;
    }

    #widgets-layers-control a {
        margin-left: 4px;
    }

#widgets-zones, #widgets-zones-orphans, #widgets-available {
    background: #F3F4F5;
    border: 1px solid #E4E5E6;
    padding: 5px;
}

#widgets-orphans {
    margin: 20px 10px 10px;
    padding: 5px;
}

#widgets-zones-orphans-container {
    margin-top: 40px;
}

    #widgets-zones-orphans-container p {
        margin-bottom: 10px;
    }
/* The number seems slightly meaningless. Leaving it out for now. * /
#widgets-zones ol {
list-style:decimal inside;
}
*/
.widgets-listed ol {
}

#widgets-orphans ul {
    margin-top: 10px;
}

.widgets-listed li, #widgets-available li {
    background: #FFF;
    color: #AEC3CE;
    border: 1px solid #EAEAEA;
    margin: 0 0 5px;
    padding: 0 10px;
    position: relative;
}

#widgets-orphans li {
    padding: 5px 10px;
}

#widgets-available li {
    margin: 5px 0;
}

.widgets-listed li.last {
    margin: 0;
}

.widgets-listed li:hover, .widgets-listed li.on {
    border-color: #487328;
}

#widgets-available h2 {
    font-size: 1.231em;
}

.widgets-listed h2, .widgets-listed li li, #widgets-layer-visibility li {
    color: #333;
}

.widgets-listed li li, #widgets-layer-visibility li {
    background: #F3F4F5;
    border: 0;
    border-left: 3px solid #EAEAEA;
    margin: 10px 0;
    padding: 5px 100px 5px 25px;
}

#widgets-layer-visibility li {
    margin: 1px 0 0;
}

    .widgets-listed li li.widgets-this-layer, #widgets-layer-visibility li.widgets-this-layer, #widgets-layer-visibility li.on {
        border-color: #487328;
    }

    .widgets-listed li li.widgets-this-layer, #widgets-layer-visibility li.widgets-this-layer {
        background-color: #e6f1c9;
    }

        .widgets-listed li li.widgets-this-layer:hover, #widgets-layer-visibility li:hover {
            border-color: #487328;
        }

    #widgets-layer-visibility li.widgets-empty-layer:hover, #widgets-layer-visibility li.off:hover {
        border-color: #eaeaea;
    }

    #widgets-layer-visibility li.widgets-this-layer.widgets-empty-layer:hover {
        border-color: #487328;
    }

.widgets-listed .widgets-mover {
    margin-left: -18px;
    vertical-align: -2px;
}

.widgets-listed .widgets-actions {
    position: absolute;
    right: 10px;
    top: 5px;
}

.widgets-listed .widgets-zone-widgets li {
    position: relative;
}

.widgets-listed .widgets-zone-widgets .widgets-move-somewhere {
    left: 3px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 20px;
}

.widgets-listed .widgets-zone-widgets h3,
.widgets-listed .widgets-zone-widgets .contentType {
    display: inline;
}

.widgets-listed .widgets-move {
    background: url(images/arrows.png) 7px -31px no-repeat;
    border: 0;
    webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 15px;
    filter: none;
    float: left;
    padding: 0;
    text-indent: -9999em;
    width: 20px;
}

.widgets-listed .widgets-move-down {
    background-position: 7px -58px;
    margin-top: 1px;
}

.widgets-listed .widgets-move-up:hover {
    background-position: 7px -71px;
}

.widgets-listed .widgets-move-down:hover {
    background-position: 7px -98px;
}

.widgets-listed .widgets-move-up[disabled] {
    background-position: 7px 9px;
    cursor: default;
}

.widgets-listed .widgets-move-down[disabled] {
    background-position: 7px -18px;
    cursor: default;
}

#widgets-available li {
    border: 0;
    padding: 0;
}

    #widgets-available li a {
        border: 1px solid #EAEAEA;
        display: block;
        padding: 5px 10px;
    }

        #widgets-available li a:hover {
            border-color: #487328;
        }

#widgets-available a p {
    margin-top: 5px;
}

#widgets-theme-zone-preview {
    margin: 20px 0 0;
}

#main #widgets-layer-visibility h3 {
    margin-top: 0;
}

#widgets-layer-visibility li {
    cursor: default;
}

#widgets-layer-visibility .widgets-other-layer, #widgets-layer-visibility .widgets-this-layer {
    background-image: url(images/eye.png);
    background-position: 5px 11px;
    background-repeat: no-repeat;
    cursor: pointer;
}

#widgets-layer-visibility .widgets-this-layer {
    cursor: default;
}

#widgets-layer-visibility .widgets-other-layer.off, #widgets-layer-visibility .widgets-other-layer.off:hover {
    background-position: 5px -17px;
}

/* begin: switchable tweaks for admin/widgets */
.orchard-widgets .switch-for-switchable .summary-view {
    background: url("images/widget-zones.gif") no-repeat left top;
}

.orchard-widgets .switch-for-switchable.summary-switched .summary-view {
    background: url("images/widget-zones-on.gif") no-repeat left top;
}

.orchard-widgets .switch-for-switchable .detail-view {
    background: url("images/all-zones.gif") no-repeat left top;
}

.orchard-widgets .switch-for-switchable.detail-switched .detail-view {
    background: url("images/all-zones-on.gif") no-repeat left top;
}

#widgets-placement .switch-for-switchable {
    margin: -32px 10px -2px 0;
}

#widgets-placement .summary-view .widgets-none {
    display: none;
}
/* end: switchable tweaks */

/* ...and the current state of the theme zone preview */
#widgets-theme-zone-preview img {
    width: 100%;
}

/* For link buttons in the widget UI. */
/* Need to revisit */
.orchard-widgets .button, .orchard-widgets a.button {
    padding: 4px 14px 4px 14px;
}


/* RTL */

.dir-rtl #layout-widgets-placement {
    clear: right;
    float: right;
}

.dir-rtl #layout-widgets-assistance {
    float: left;
}

.dir-rtl #widgets-layers-control a {
    margin-left: inherit;
    margin-right: 4px;
}

.dir-rtl .widgets-listed li, .dir-rtl #widgets-available li {
    margin: 0 5px 5px 0;
}

    .dir-rtl .widgets-listed li li, .dir-rtl #widgets-layer-visibility li {
        padding: 5px 25px 5px 100px;
        border-style: none solid none none;
        border-width: 0 3px 0 0;
    }

.dir-rtl .widgets-listed .widgets-mover {
    margin-left: inherit;
    margin-right: -18px;
}

.dir-rtl .widgets-listed .widgets-actions {
    right: inherit;
    left: 10px;
}

.dir-rtl .widgets-listed .widgets-zone-widgets .dir-rtl .widgets-move-somewhere {
    right: 3px;
}

.dir-rtl .widgets-listed .widgets-zone-widgets .widgets-move-somewhere {
    left: inherit;
    right: 3px;
}

.dir-rtl .widgets-listed .widgets-move {
    float: right;
}

/* begin: switchable tweaks for admin/widgets */
.dir-rtl .orchard-widgets .switch-for-switchable .summary-view {
    background: url("images/widget-zones.gif") no-repeat right top;
}

.dir-rtl .orchard-widgets .switch-for-switchable.summary-switched .summary-view {
    background: url("images/widget-zones-on.gif") no-repeat right top;
}

.dir-rtl .orchard-widgets .switch-for-switchable .detail-view {
    background: url("images/all-zones.gif") no-repeat right top;
}

.dir-rtl .orchard-widgets .switch-for-switchable.detail-switched .detail-view {
    background: url("images/all-zones-on.gif") no-repeat right top;
}

.dir-rtl #widgets-placement .switch-for-switchable {
    margin: -32px 0 -2px 10px;
}
